@extends('layout.home')
@section('title', '【门屋网】3d模型分享交流平台提供3d模型下载和3d模型素材-门屋室内设计网3d模型网站')
@section('content')
    <header>
        @include('layout._header')
        <!-- 头部 -->
        <div class="big_search border-r40">
            <div class="searchbox_fl fl">3D模型</div>
            <div class="searchbox-mid fl" style="position: relative;">
                <input type="text" class="text-lg ui-autocomplete-input swd" style="outline: none;" placeholder="请输入关键词">
                <span class="soutu-btn"></span>
            </div>
            <div class="searchbox-fr fr">
                    <input type="button" onclick="$api.searchList()"  class="btn-submit" id="searchbox-submit-index" name="search">
            </div>
        </div>
        <div class="hotwords">
            <ul class="hotwords_box">
                @foreach($hotwords as $v)
                    <li><a href="">{{$v->hotword}}</a></li>
                @endforeach
            </ul>
        </div>

{{--            ****************************************************************--}}
            <div class="swiper-container swiper-container-initialized swiper-container-horizontal" style="height: 550px;">
                <div class="swiper-wrapper">
                    @foreach($carousel as $v)
                    <div class="swiper-slide swiper-slide-active" style="width: 1536px;"><img src="{{$v->singleimg}}" alt=""></div>
                    @endforeach
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1">1</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2">2</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3">3</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4">4</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5">5</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6">6</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7">7</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8">8</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 9">9</span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 10">10</span></div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            <script>
                var swiper = new Swiper('.swiper-container', {
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                        renderBullet: function (index, className) {
                            return '<span class="' + className + '">' + (index + 1) + '</span>';
                        },
                    },
                });
            </script>
    </header>
    <style>
        .swiper-pagination-bullet {width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 12px;color: #000;opacity: 1;background: rgba(0,0,0,0.2);}  .swiper-pagination-bullet-active {opacity: 1;background: #007aff;}
        .swiper-wrapper img{display: block;width: 100%;height: 100%;}
    </style>
    <div class="main_body">
        <div class="model-fenlei">
            <ul>
                <li>
                    <i class="icon icon-nhy"></i>
                    <div class="details fl">
                        <h4>年会员专区</h4>
                        <p>年会员模型持续更新中...</p>
                    </div>
                </li>
                <li>
                    <i class="icon icon-pp"></i>
                    <div class="details fl">
                        <h4>年会员专区</h4>
                        <p>年会员模型持续更新中...</p>
                    </div>
                </li>
                <li>
                    <i class="icon icon-pp"></i>
                    <div class="details fl">
                        <h4>年会员专区</h4>
                        <p>年会员模型持续更新中...</p>
                    </div>
                </li>
                <li>
                    <i class="icon icon-pp"></i>
                    <div class="details fl">
                        <h4>年会员专区</h4>
                        <p>年会员模型持续更新中...</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="model-title text-center model-title5">
            <h3>按分类查看</h3>
            <span>View by classification</span>
        </div>
        <div class="model-icons">
            <ul>
                <li>
                    <a href="#">
                        <i class="icon icon-shafa"></i>
                        <span>沙发</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-yizi"></i>
                        <span>椅凳</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-dengju"></i>
                        <span>灯具</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-chuangju"></i>
                        <span>床具</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-zhuoji"></i>
                        <span>桌几</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-chugui"></i>
                        <span>柜/架子</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-shipin"></i>
                        <span>陈设饰品</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-chuwei"></i>
                        <span>厨卫用品</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-wujin"></i>
                        <span>构件五金</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-huacao"></i>
                        <span>植物花草</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-jiazhuang"></i>
                        <span>家装空间</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-canyin"></i>
                        <span>餐饮娱乐</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-jiudian"></i>
                        <span>酒店空间</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-bangong"></i>
                        <span>办公机构</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-shangye"></i>家具软装

                        <span>商业空间</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-gonggong"></i>
                        <span>公共空间</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-jianzhu"></i>
                        <span>建筑户外</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-quanjing"></i>
                        <span>全景模型</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-qixie"></i>
                        <span>器材设备</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon icon-renwu"></i>
                        <span>动物/人物</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- *************************************************************** -->
        <div class="model-title text-center">
            <h3>模型精选</h3>
            <span>Model selection</span>
        </div>
        <div class="model-title2">
            <h3 class="model-title2-fl fl">
                家具软装
            </h3>
            <div class="model-title2-fr fr">
                <ul>
                    <li class="active" onclick="showhide(this,2,'0','jjrz_ul_list');">
                        全部
                    </li>
                    <li onclick="showhide(this,2,'301','jjrz_ul_list');">
                        沙发
                    </li>
                    <li onclick="showhide(this,2,'305','jjrz_ul_list');">
                        床具
                    </li>
                    <li onclick="showhide(this,2,'302','jjrz_ul_list');">
                        椅子
                    </li>
                    <li onclick="showhide(this,2,'306','jjrz_ul_list');">
                        灯具
                    </li>
                    <li onclick="showhide(this,2,'303','jjrz_ul_list');">
                        桌几
                    </li>
                    <li onclick="showhide(this,2,'304','jjrz_ul_list');">
                        橱柜
                    </li>
                    <li onclick="showhide(this,2,'307','jjrz_ul_list');">
                        陈设饰品
                    </li>
                </ul>
            </div>
        </div>
        <div class="model-list">
            <ul class="lyui-piclist height768" id="jjrz_ul_list">
                @foreach($list as $v)
                @if($v->ssdl==1)
                <li class="list lyui-animate1">
                    <div class="lyui-pic" data-index="2">
{{--                        {{$global_domain}}view_detail/{{$v->id}}--}}
                        <a href="{{route('view_detail',array('id'=>$v->id))}}" target="_blank" title="{{$v->goodname}}">
                            <img title="{{$v->goodname}}"  data-sign="lazy" src="{{$v->singleimg}}" class="lazy-bg" style="display: inline;">
                        </a>
                    </div>
                    <div class="details pad10">
                        <h4><a href="{{route('view_detail',array('id'=>$v->id))}}" class="ellipsis">{{$v->goodname}}</a></h4>
                        <div class="info">
                            <span>ID:{{$v->gcode}}</span>
                            <div class="details-fr fr"><i class="icon icon-eye"></i><span class="map_view">下载价格:{{$v->price}}元</span>
                                {{--                                <i class="icon icon-download"></i><span class="map_down nomargin" rel="427732">5</span>--}}
                            </div>
                        </div>
                    </div>
                </li>
                @endif
                @endforeach
            </ul>
        </div>
        <!-- **************************************************** -->
        <div class="model-title2">
            <h3 class="model-title2-fl fl">
                家装空间
            </h3>
            <div class="model-title2-fr fr">
                <ul>
                    <li class="active" onclick="showhide(this,2,'0','jjrz_ul_list');">
                        全部
                    </li>
                    <li onclick="showhide(this,2,'301','jjrz_ul_list');">
                        客厅
                    </li>
                    <li onclick="showhide(this,2,'305','jjrz_ul_list');">
                        餐厅
                    </li>
                    <li onclick="showhide(this,2,'302','jjrz_ul_list');">
                        卧室
                    </li>
                    <li onclick="showhide(this,2,'306','jjrz_ul_list');">
                        书房
                    </li>
                    <li onclick="showhide(this,2,'303','jjrz_ul_list');">
                        厨房
                    </li>
                    <li onclick="showhide(this,2,'304','jjrz_ul_list');">
                        橱柜
                    </li>
                    <li onclick="showhide(this,2,'307','jjrz_ul_list');">
                        茶室
                    </li>
                </ul>
            </div>
        </div>
        <div class="model-list">
            <ul class="lyui-piclist height768" id="jjrz_ul_list">
                @foreach($list as $v)
                @if($v->ssdl==2)
                <li class="list lyui-animate1">
                    <div class="lyui-pic">
                        <a href="{{route('view_detail',array('id'=>$v->id))}}" target="_blank" title="现代轻奢沙发茶几组合">
                            <img title="{{$v->goodname}}" alt="现代轻奢沙发茶几组合" data-sign="lazy" src="{{$v->singleimg}}" class="lazy-bg" style="display: inline;">
                        </a>
                    </div>
                    <div class="details pad10">
                        <h4><a href="{{route('view_detail',array('id'=>$v->id))}}" class="ellipsis">{{$v->goodname}}</a></h4>
                        <div class="info">
                            <span>ID:{{$v->gcode}}</span>
                            {{-- <span>下载价格:{{$v->price}}元</span>--}}
                            <div class="details-fr fr"><i class="icon icon-eye"></i><span class="map_view">下载价格:{{$v->price}}元</span>
                            {{-- <i class="icon icon-download"></i><span class="map_down nomargin" rel="427732">5</span>--}}
                            </div>
                        </div>
                    </div>
                </li>
                @endif
                @endforeach
                </ul>
        </div>

        <div class="model-title text-center">
            <h3>下载排行</h3>
            <span>Downloading rankings</span>
        </div>
        <div class="model-title3" id="download-top">
            <ul id="changelist">
                <li class="" onmouseover="changelist(3,this);">72H排行</li>
                <li onmouseover="changelist(1,this);" class="active">本周排行</li>
                <li onmouseover="changelist(2,this);">本月排行</li>
            </ul>
        </div>
        <div class="model-title text-center">
            <h3>年会员模型</h3>
            <span>Annual membership model</span>
        </div>
        <div class="model-title4">
            <div class="model-title4-fl fl">
                <select class="selectbox fl border-r40" onchange="yearmodel(this);">
                    <option value="2019">2020</option>
                    <option value="2019">2019</option>
                    <option value="2018">2018</option>
                    <option value="2017">2017</option>
                    <option value="2016">2016</option>
                    <option value="2015">2015</option>
                    <option value="2014">2014</option>
                    <option value="2013">2013</option>
                </select>
                <ul class="month_list" id="month_list">
                    <li class="active" onclick="show_model(this,2019,10)">10月</li>
                    <li onclick="show_model(this,2019,9)">9月</li>
                    <li onclick="show_model(this,2019,8)">8月</li>
                    <li onclick="show_model(this,2019,7)">7月</li>
                    <li onclick="show_model(this,2019,6)">6月</li>
                    <li onclick="show_model(this,2019,5)">5月</li>
                    <li onclick="show_model(this,2019,4)">4月</li>
                    <li onclick="show_model(this,2019,3)">3月</li>
                    <li onclick="show_model(this,2019,2)">2月</li>
                    <li onclick="show_model(this,2019,1)">1月</li>
                </ul>
            </div>
        </div>
        <div class="model-title text-center">
            <h3>设计百科</h3>
            <span>Design Encyclopedia</span>
        </div>
        <div class="encyclopedias">
            <ul class="clearfix">
                <li class="item fl"><a href="" target="_blank" class="ellipsis">cad如何查找？如何在cad中查找？ <div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">CAD2010版，公差的快速标注方法？公差怎样标注？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">如何将一张图片放进草图大师里？sketchup可以插入图片的吗？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">cad2010偏移怎么用？如何使用偏移命令？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">sketchup里的模型数据如何改小一点？su草图大师如何清理模型？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">sketchup怎么批量删除材质？su草图大师中的材质是怎么删除的呢？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">sketchup的发光体怎么设置？草图大师中如何自建发光体呢？<div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">vray for sketchup怎么批量渲染？ <div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">vray for sketchup测试参数怎么设置？ <div class="question">1个回答</div></a></li>
                <li class="item fl"><a href="" target="_blank" class="ellipsis">vray for sketchup怎么制作草皮？ <div class="question">1个回答</div></a></li>        </ul>
        </div>
    </div>
    @include('layout._footer')

@endsection
